

$('.web-nav-list').animate({ height:'hide'},0);	
$(".web-nav-down").animate({ height:'hide'},0);
setWeb();
function setWeb(){
	var webShow = true;
	var webDownShow = true;

	$(".web-nav-btn").click(function(event) {
		if (webShow) {
			$('.web-nav-list').animate({ height:'show'});
			webShow = false;
			console.log(webShow);
		}else{
			$('.web-nav-list').animate({ height:'hide'});
			webShow = true;
			console.log(webShow);
		}
	});

	$(".web-nav-ul .web-nav-li").click(function(event) {
		$(this).addClass('web-nav-li-active')
			   .siblings('li.web-nav-li')
			   .removeClass('web-nav-li-active');
	});

	$(".web-nav-ul .web-nav-li")
				.eq(1)
				.click(function() {
					isHideAll(1);
				});
	$(".web-nav-ul .web-nav-li")
				.eq(2)
				.click(function() {
					isHideAll(2);
				});

	$(".web-nav-ul .web-nav-li")
				.eq(3)
				.click(function() {
					isHideAll(3);
				});
	$(".web-nav-ul .web-nav-li")
				.eq(4)
				.click(function() {
					isHideAll(4);
				});

	function isHideAll(hc){
		for (var i = 1; i <= 4; i++) {
			if(i == hc){
				downShowOne(true,i);
			}else{
				downShowOne(false,i);
			}
		}
	}
	function downShowOne(isShow,b){
		if(isShow){
			isShowTrue(b);
		}else{
			isShowFalse(b);
		}
	}
	function isShowTrue(a){
		$(".web-nav-ul .web-nav-li")
					.eq(a)
					.children("div .web-nav-down")
					.animate({ height:'toggle'});
	}
	function isShowFalse(a){
		$(".web-nav-ul .web-nav-li")
					.eq(a)
					.children("div .web-nav-down")
					.animate({ height:'hide'});
	}
}

